.el-menu-item{
  display: flex;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
  background: #304156;
  color: #b1c0b2;

  >.el-icon{
    transform: translateX(-3.6vw);
  }

  span{
    transform: translateX(-3.0vw);
  }
}

.el-sub-menu {
  width:100%;
  //display: flex;
  //justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
  background: #304156;
  color: #b1c0b2;

}
.el-sub-menu__title{
  padding: 0 !important;
  span{
    color: #b1c0b2;
  }
  >.el-icon svg{
    color: #b1c0b2;
  }
}
:deep(.el-menu-item-group__title){
  background: #304156;
}
:deep(.el-sub-menu){
  width: 12.5vw;
}
.el-menu{
  width: 12.5vw;
}

#AsideMenu{
  position: fixed;
  left: 0;
  height: 100vh;
  border-right: 1px solid #e9ebec;
  background: #304156;
  color: #b1c0b2;

  .tac{
    border: none;
  }
}

#index{
  width: 83vw;
  padding: 20px;
}
.index-top{
  height: 30vh;
  display: flex;
  flex-direction: column;
  border: 1px solid #e6ebf5;
  border-radius: 5px;
  box-shadow: #60656f;
  >span{
    flex:1;
    display: flex;
    align-items: center;
  }
  >div{
    flex:1;
    display: flex;
    align-items: center;
  }
  >span:nth-child(1){
    padding: 0 20px;
    border-bottom: 1px solid #dfe6ec;
  }
  >div{
    padding: 0 40px;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #dfe6ec;
  }
}

.index-bottom{
  width: 83vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;

  >div{
    width: 40vw;
    height: 60vh;
    //background: black;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #e6ebf5;
    box-shadow: 0 0 10px 10px #f5f5f5;

    >div:nth-child(1){
      height: 8vh;
      display: flex;
      align-items: center;
      padding: 0 20px;
      color: #303133;
    }
    >div:nth-child(2){
      height: 52vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}
